@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
}


@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'ClickerScript';
    src: url('/fonts/Clicker_Script/ClickerScript-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AlexBrush';
    src: url('/fonts/Alex_Brush/AlexBrush-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.ff-alex-brush {
    font-family: 'AlexBrush', cursive;
}

.ff-clicker-script {
    font-family: 'ClickerScript', cursive;
}

.custom-navlink {
    color: darkblue;
    font-family: 'ClickerScript', cursive;
    font-size: 3rem !important;
    color: #475d4a !important;
}

body {
    font-family: 'Open Sans', sans-serif;
}

:root {
    --primary: #2F5C82; /* sötét acélkék */
    --accent: #FFB47B; /* kiemelő narancs */
    --muted: #8EC6FF; /* halvány kék */
    --cream: #FFF5EB; /* bézs */
    --card: #ffffff;
}

body {
    background: var(--cream);
    color: var(--primary);
}

.header-btn {
    background: var(--accent);
    color: white;
    border-radius: 8px;
}

.nf-card {
    background: var(--card);
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(47,92,130,0.06);
}

.nav-link {
    color: #092737;
}